body { color: #000; font-size: 14px; font-family: " "; width: 100%; overflow-x: hidden; }
.inner-banner img { width: 100%; }
@media only screen and (max-width: 768px) {
.padding-big { padding: 10px; }
.margin-big { margin: 10px; }
.padding { padding: 5px; }
.margin { margin: 5px; }
.padding-big-top { padding-top: 10px; }
.padding-big-bottom { padding-bottom: 10px; }
.padding-big-left { padding-left: 10px; }
.padding-big-right { padding-right: 10px; }
.margin-big-top { margin-top: 10px; }
.margin-big-bottom { margin-bottom: 10px; }
.margin-big-left { margin-left: 10px; }
.margin-big-right { margin-right: 10px; }
}
a:hover { color: #cc0000 }
.bg-main, .border-main .button.active, .pointer.border-main .active, .nav-pills.border-main .active a, .nav-main.border-main .nav-head, .pagination.border-main .active { background-color: #ff6633 }
.border-main, .border-main .button, .border-main .tab-nav li a, .border-main .tab-body, .button.bg-main, .selected.border-main, .pointer.border-main li, .nav.border-main .active a, .nav.nav-tabs.border-main, .nav-main.border-main a, .nav-main.border-main .nav-head, .pagination.border-main li, .pager.border-main a { border-color: #ff6633 }
.text-main, a.text-main:link, a.text-main:visited, .button.border-main, blockquote.border-main strong, .pager.border-main a, .pager-prev.border-main, .pager-next.border-main, .nav a:hover, .nav-menu.nav-pills .active ul a:hover, .bg-inverse .nav-menu ul a:hover, .bg-inverse .nav.nav-menu.nav-tabs ul a:hover, .bg-inverse .nav.nav-menu.nav-tabs .active ul a:hover, .bg-inverse .nav.nav-menu.nav-pills ul a:hover, .bg-inverse .nav.nav-menu.nav-pills .active ul a:hover { color: #bb262a; }
.pagination.border-main li { margin: 0px 5px; }
.button.bg-sub { border: solid 1px #bb262a; }
.bg-nav { background: #1d1d1d; }
.bg-gray { background-color: #f5f5f5; }
.bg-black2 { background-color: #ff6633; }
.bg-sub { background-color: #a00; color: #fff }
.bg-footnav { background: #111; }
.bg-footnav p { border-bottom: solid 1px #000; }
.nav .active a { font-weight: normal; }
.bg-inverse .nav.nav-pills .active a, .bg-inverse .nav.nav-pills.nav-inline a:hover { background-color: #552618; font-size: 16px; color: #fff; }
.bg-inverse .nav.nav-pills a, .bg-inverse .nav.nav-pills.nav-inline a { font-size: 16px; }
.nav-menu li { margin-right: 0px; margin-left: 0px; border-bottom: solid 3px #fff }
 @media only screen and (max-width: 992px) {
.wrap-header .container { width: 100%; }
.nav-menu li { padding: 15px 0px; }
}
@media only screen and (max-width: 768px) {
.nav-menu li { padding: 10px 0px; }
.navbar-big .nav-pills a { padding: 5px 10px; }
}
.nav-menu .drop-menu { border-radius: 0px; margin-top: 0px; }
.text-main, a.text-main:link, a.text-main:visited, .button.border-main, blockquote.border-main strong, .pager.border-main a, .pager-prev.border-main, .pager-next.border-main, .nav a:hover, .nav-menu.nav-pills .active ul a:hover, .bg-inverse .nav-menu ul a:hover, .bg-inverse .nav.nav-menu.nav-tabs ul a:hover, .bg-inverse .nav.nav-menu.nav-tabs .active ul a:hover, .bg-inverse .nav.nav-menu.nav-pills ul a:hover, .bg-inverse .nav.nav-menu.nav-pills .active ul a:hover { color: #e80303; }
.nav-navicon .input-group .input { width: auto; float: right }
.nav-menu li.active, .nav-menu li:hover { border-bottom: solid 3px #e00 }
.nav-pills .active a, .nav-pills a:hover { color: #ee0000; background: none }
.nav-menu li .drop-menu { padding: 0px; }
.nav-menu li .drop-menu li { margin-right: 0px; margin-left: 0px; border-bottom: solid 1px #ddd; }
.nav-menu li .drop-menu li a { margin: 0px; padding: 10px 20px; }
.nav-menu li .drop-menu li:hover a { }
.nav-menu li .drop-menu li:hover { }
.nav-menu li .drop-menu li ul { padding: 0px; margin-top: 5px; }
.nav-inline.nav-menu ul a:hover { color: #fff }
.nav-menu li:hover .drop-menu a { color: #222 }
.nav-menu li:hover .drop-menu li { padding: 0px; }
.button.bg-main { background-color: #552618; border-color: #552618 }
.button.border-main { border-color: #e80303; color: #e80303 }
.pointer.border-main li { border-color: #552618 }
.pointer.border-main li.active { background-color: #552618 }
.border-main { border-color: #e80303 }
.w100 { width: 150px; }
.icon-navicon { position: absolute; right: 10px; top: 10px; }
.nav-navicon .input-group .input { width: auto; float: right }
.nav a { color: #333; text-align: left; font-size: 16px; }
.nav-menu li:hover drop-menu a { background-color: #ddd; color: #222 }
.w100 { width: 150px; }
.icon-navicon { position: absolute; right: 10px; top: 10px; }
.nav-navicon .input-group .input { width: auto; float: right }
.nav a { color: #403e3e; text-align: left; font-size: 18px; }
.nav-menu li:hover drop-menu a { background-color: #111; color: #fff }
.wrap-top { padding: 3px 0px; background-color: #333 }
.wrap-header { box-shadow: 0 3px 6px rgba(0, 0, 0, .175); }
.button.bg-main { background-color: #ee0000; border-color: #ee0000 }
.button.border-main { border-color: #ff6633; color: #ff6633 }
.pointer.border-main li { border-color: #ee0000 }
.pointer.border-main li.active { background-color: #ee0000 }
.border-main { border-color: #ff6633 }
.border-sub, .button.border-sub { border-color: #ee0000; color: #ee0000 }
.about-box .border-sub { border-color: #fff; color: #fff }
.button.border-sub:hover { border-color: #ee0000; background-color: #ee0000; color: #fff; }
.flico { font-size: 66px; display: block; color: #ff6633; text-align: center }
.remen { padding-left: 10px; line-height: 34px; }
.index-proclass { }
.index-proclass h1 { line-height: 40px; background-color: #ee0000; color: #fff; font-size: 16px; padding: 10px 10px; text-align: center }
.index-proclass ul { margin: 0px; padding: 0px; border: solid 1px #ddd; border-bottom: 0px; }
.index-proclass li { line-height: 45px; border-bottom: solid 1px #ddd; background-color: #fff; list-style: none; margin: 0px; text-align: center }
.index-proclass li:hover, .index-proclass li.on { background-color: #ee0000; }
.index-proclass li a { color: #333; }
.index-proclass li:hover a, .index-proclass li.on a { color: #fff; }
.ss { padding: 3px 6px; height: 30px; border: solid 1px #ee0000 }
.ss-btn { padding: 3px 6px; height: 30px; }
.fengge { font-size: 14px; color: #555; float: right }
.about-bg { background: url("../image/brand.jpg") center center no-repeat; }
.about-box { padding: 60px; color: #fff; background: url("../image/black-bg.png"); margin: 80px 0px; }
.about-box h2 { font-size: 18px; color: #fff; }
.about2 { background-color: #f5f5f5; color: #555 }
.about2 h1 { font-size: 24px; color: #f00; }
.about2 h2 { font-size: 16px; color: #555; }
.about2 h2 span { border-top: solid 1px #f00; }
.service { background-color: #f5f5f5; }
.service .serico { font-size: 40px; color: #fff; padding-right: 10px; }
.service h2 { font-size: 18px; color: #cc0000; padding-top: 20px; }
.service p { font-size: 14px; color: #333; }
.youshi { background: #ddd; }
.youshi .ysico { font-size: 100px; display: block; color: #333; text-align: right }
.youshi h2 { font-size: 24px; color: #ee0000; display: block; font-weight: 600; }
.youshi p { font-size: 14px; color: #fff; }
.youshi2 { background: url("../images/ysbg.jpg") right center no-repeat; }
.youshi2 h1 { font-size: 24px; color: #fff; }
.youshi2 .ysitem { margin: 10px; background-color: #fff; padding: 20px; }
.youshi2 .ysitem2 { margin: 10px; background-color: #000; padding: 20px; }
.youshi2 h2 { font-size: 18px; color: #ee0000; display: block; padding: 0px; margin: 0px; }
.youshi2 .ysitem p { font-size: 14px; color: #333; padding: 0px; margin: 0px; }
.youshi2 .ysitem2 p { font-size: 14px; color: #fff; padding: 0px; margin: 0px; }
.bb { border-bottom: solid 1px #ee0000; font-size: 24px; color: #cc0000; }
.bb2 { border-bottom: solid 1px #ddd; }
.prolist h3 { padding: 8px 0px; text-align: center; height: 60px; }
.typelist { padding-bottom: 30px; padding-left: 20px; font-size: 20px; }
.typelist a { color: #f90 }
.pro { background: url("../images/pbg.jpg") center center repeat; }
.pro .container { }
.pro h1 { font-size: 24px; color: #fff; }
.pro h2 { font-size: 16px; color: #fff; }
.pro h2 span { border-top: solid 1px #f00; }
.proitem { padding: 10px; overflow: hidden; margin-bottom: 10px; background-color: #fff; border: solid 3px #333 }
.proitem img { padding: 10px; width: 100%; transition: all 0.3s; }
.proitem img:hover { transform: scale(1.1); }
.proitem .protext { text-align: center; background-color: #000; padding: 5px 10px; color: #fff }
.case { background: #fff; }
.caselist h3 { padding: 8px 0px 20px 0px; text-align: center; }
.casebox { padding: 10px; overflow: hidden; width: 32%; }

.cjisne{padding: 10px; overflow: hidden; width: 49%;}

.caseitem { box-shadow: 0 22px 40px rgba(0,0,0,.16); }
.caseitem img { padding: 10px; width: 100%; transition: all 0.3s; }
.caseitem img:hover { transform: scale(1.1); }
/*新闻一*/
.newsitem .news-date { text-align: center; display: inline-block; float: left; width: 5rem; height: 5rem; background: #f2f2f2; }
.newsitem li { border-bottom: dashed 1px #ddd; padding-bottom: 5px; margin-bottom: 10px; }
.newsitem .news-date1 { text-align: center; color: #666666; font-size: 1.5625rem; margin-top: 0.6rem; }
.newsitem .news-date2 { text-align: center; color: #999999; font-size: 0.8rem; }
.newsitem .news-bodys { padding: 0 0.875rem; overflow: hidden; zoom: 1; }
.newsitem .news-bodys h3 { word-wrap: break-word; overflow: hidden; }
.newsitem .news-bodys p { word-wrap: break-word; overflow: hidden; line-height: 1.15rem; font-size: 0.75rem; color: #999; margin-top: 10px; }
/*新闻2*/
.news-span1 { width: 16.66666667%; }
.news-span2 { width: 83.33333333%; }
.news-item2 { position: relative; overflow: hidden; padding: 0px; margin: 4px 0; }
.news-item2 .news-time { padding: 6px 0; border-right: 1px solid #eee; text-align: center; color: #666666; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; transition: all .3s; }
.news-action { padding: 0px 12px 0px 40px; box-sizing: border-box; }
.news-item2 .news-time .news-time-date { font-size: 22px; }
.news-item2 .news-title { position: relative; font-size: 18px; color: #666666; line-height: 24px; padding-bottom: 0px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; transition: all .3s; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news-item2 .news-desc { font-size: 12px; color: #999999; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; transition: all .3s; }
.news-item2 .news-tit { position: relative; z-index: 10; }
.news-item2:after { content: ""; background-color: #ee0000; position: absolute; top: 0; left: 0; width: 0; height: 100%; z-index: 0; display: block; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; transition: all .3s; }
.news-item2:hover:after { width: 100%; }
.news-item2:hover .news-title, .news-item2:hover .news-desc, .news-item2:hover .news-time { color: #ffffff; }
@media only screen and (max-width: 768px) {
.news-span1 { width: 31.4%; }
.news-span2 { width: 68.6%; }
.news-action { padding: 0px 12px 0px 20px; box-sizing: border-box; }
.news-item2 .news-time .news-time-date { font-size: 18px; }
.news-item2 .news-title { padding-bottom: 6px; }
.news-item2 .news-title { font-size: 16px; }
}
.jobsitem { }
.jobsitem ul { padding: 0px; }
.jobsitem li { border: solid 1px #ddd; background-color: #f9f9f9; margin-bottom: 10px; }
.jobsitem li h3 { padding: 10px 15px; }
.jobsitem li .jobs-info { padding: 10px 10px; }
.jobs-info div { border-bottom: dashed 1px #ddd; padding: 5px; }
.jobsitem li .jobs-bodys { padding: 10px 15px; }
.nav.nav-sitemap a { color: #fff }
.nav-sitemap ul a { padding-left: 0px; color: #fff }
.foot-weixin { width: 140px; }
.qq { width: 20px; height: 20px; background: url("../images/qq.png"); display: inline-block; margin: -2px 2px 0px; }
.product-about li { line-height: 3rem; border-bottom: dashed 1px #aaa; }
.news-line { text-align: center; border: dashed 1px #aaa; margin-bottom: 40px; }
.news-body { margin: 20px auto; }
.order-tip { color: #fff; padding-left: 25px; }
.order-tip .con { border: dashed 1px #aaa; line-height: 2.5rem }
.bread { margin: 8px 0px; font-size: 13px; color: #555 }
.bglx { background: url("../image/lxbg.jpg") top center no-repeat; }
.lxico { font-size: 80px; display: block; color: #ee0000; text-align: center }
/*产品*/

.content_about { display: flex; margin-top: 20px; }
.content_about .nr_left { width: 15%; margin-right: 30px; }
.content_about .nr_left ul { padding-left: 0; }
.content_about .nr_right, .content_about .news_right, .content_about .xq_right, .product_right { flex: 1; }
.content_about .nr_left>div:nth-child(1) { margin-bottom: 15px; }
.content_about .nr_left>div:nth-child(1) h3 { font-size: 24px; font-weight: 400; }
.content_about .nr_left>div:nth-child(1) span { font-size: 15px; }
.content_about .nr_left ul li { background-color: #F2F2F2; box-sizing: border-box; position: relative; }
.content_about .nr_left ul li a { display: block; font-size:16px; background-color:#ddd; width: 100%; font-weight:bold; height: 100%; padding-left: 35px; height: 48px; line-height: 48px; color: #000; box-sizing: border-box; }
.content_about .nr_left ul li.bian { border-left: 3px solid #961617; }
.content_about .nr_left ul li.bian a { color: #961617; }
.content_about .nr_left ul li:hover { border-left: 3px solid #961617; }
.content_about .nr_left ul li:hover a { color: #961617; }
.content_about .nr_left>div:nth-child(3) { margin-top: 20px; }
.content_about .nr_left>div:nth-child(3) img { display: block; width: 100%; height: 100%; }
.content_about .nr_right>div:nth-child(1) { margin-top: 64px; line-height: 27px; color: #20201F; }
.content_about .news_right ul { display: flex; flex-wrap: wrap; }
.content_about .news_right ul>li { width: 100%; box-shadow: -1px 0px 10px #888888; padding: 10px; border-radius: 5px; box-sizing: border-box; background-color: #f2f2f2; margin: 10px 0; }
.content_about .news_right ul>li a { width: 100%; display: flex; }
.content_about .news_right ul li img { display: block; width: 100%; height: 100%; }
.content_about .news_right ul li a>div:nth-child(1) { width: 30%; overflow: hidden; }
.content_about .news_right ul li a>div:nth-child(2) { flex: 1; margin-left: 30px; color: #c9161d; }
.content_about .news_right ul li a>div:nth-child(2) h3 { font-weight: 400; line-height: 30px; margin: 10px 0; }
.content_about .news_right ul li a>div:nth-child(2) p { font-weight: 400; line-height: 30px; margin: 10px 0; }
.content_about .news_right ul li a>div:nth-child(2) p:nth-child(2), .content_about .news_right ul li a>div:nth-child(2) p:nth-child(3) { display: block; font-size: 14px; color: #a8aaaa; padding: 10px 15px; line-height: 25px; }
.content_about .news_right ul li a>div:nth-child(2) p span { display: block; width: 115px; height: 35px; line-height: 35px; text-align: center; color: #c9161d; border: 1px solid; font-size: 14px; background: #FFFFFF; border-radius: 4px; }
.product_right ul { display: flex; flex-wrap: wrap; padding-bottom: 30px; }
.product_right ul li {text-align: center;width: 31%;height: 300px;display: block;margin: 1%;}
.product_right ul li a { display: block; }
.product_right ul li span { font-size: 18px; line-height: 40px; }
.product_right ul li a>div>img {display: block;width: 100%;height: 100%;transform: scale(1);transition: all .3s ease;object-fit: contain;}

.product_right ul li>span { display: block; line-height: 25px; margin: 10px 0; }
.product_right ul li a>div { overflow: hidden; position: relative; height: 262px; }
.product_right ul li>div .ze_zao { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; background-color: rgba(0,0,0,0.4); }
.product_right ul li>div .ze_zao span { display: inline-block; width: 40px; height: 40px; color: #fff; }
.product_right ul li img { display: block; width: 100%; height: 100%; }
.product_right ul li>div .ze_zao>div { margin-top: 105px; }
.product_right ul li>div .ze_zao span:nth-child(1) { font-size: 52px; vertical-align: sub; margin-right: 10px; }
.product_right ul li>div .ze_zao span:nth-child(2) { font-size: 40px; }
.product_right ul li:hover img { transform: scale(1.2); }
.product_right ul li:hover .ze_zao { display: block; }
.page { text-align: center; margin: 15px 0; }
.page a { padding: 5px 15px; border: 1px solid #666; color: #666; border-radius: 5px; margin: 0 5px; }
.page a.coc { color: #fff; background-color: #3bbaff; border: 1px solid #3bbaff; }
.lmu_b { position: static; right: -147px; top: 0; display: none; z-index: 666; width: 150px; }
.nr_left .lmu_a.active .lmu_b { display: block; }
.lmu_b a{ font-size:12px !important; font-weight:normal !important; background-color: transparent !important;}
.content_about .nr_left ul li:hover ul a{ color:#000}
.content_about .nr_left ul li ul li:houver a{ color:#961617}
@media screen and (max-width:1080px) {
.content_about { display: flex; flex-wrap: wrap; }
.content_about .nr_left { width: 100%; margin-right: 0; }
.content_about .nr_left>div:nth-child(3) { display: block; }
.product_right ul { display: flex; flex-wrap: wrap; padding: 0px!important; justify-content: space-between; }
.product_right ul li { width: 47%; height: auto; border: 1px solid #ccc; padding: 10px; margin: 5px; overflow: hidden; }
.product_right ul li a>div { overflow: hidden; position: relative; height: 250px; }
.product_right ul li span { font-size: 15px; }
.lmu_b { position: static; }
.page a { padding: 2px 6px; border: 1px solid #666; color: #666; border-radius: 5px; margin: 0 5px; font-size: 13px; }
.lx_right li { width: 40px !important; height: 40px !important; }
.lx_right li>div:nth-child(1) { width: 40px !important; height: 40px !important; }
.lx_right li span { width: 40px !important; height: 40px !important; }
.lx_right li:hover span { transform: translate(0, -52px)!important; }
.lx_right li span:nth-child(2) { font-size: 12px!important; line-height: 15px!important; }
.lx_right li .tel { top: 5px !important; }
.lx_right li:nth-child(4) img { transform: translateY(-28px); }
}
ul, li { list-style: none; margin: 0; padding: 0; }
.side_a { margin-bottom: 40px; }
.side_a ul { /* Center slide text vertically */
display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; flex-wrap: nowrap; justify-content: center; }
.side_a ul li { width: 25%; background: #f4f4f4; border-right: 1px solid #d8d8d8; }
.side_a ul li:last-child { border: none; }
.side_a ul li a { display: block; width: 100%; text-align: center; font-size: 18px; line-height: 22px; color: #333; height: 66px; /* Center slide text vertically */
display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; flex-wrap: wrap; justify-content: center; }
.side_a ul li:hover>a { background: #fac12c url(../images/p16-icon6.png) bottom center no-repeat; color: #fff; }
@media(max-width:768px) {
.side_a ul li a { font-size: 12px; line-height: 16px; height: 48px; }
}


.index_add1bg{ border-bottom:1px solid #d7d7d7;}
.index_add1{ height:90px; line-height:90px; overflow:hidden;}
.index_add1_lt{ float:left; width:calc(100% - 320px); padding-left:20px; background:url(../images/s_line02.gif) left center no-repeat;}
.index_add1_lt a{ color:#666; margin:0 10px 0 0;}
.index_add1_lt a:hover{ color:#333;}
.index_add1_rt{ float:right; width:300px;}
.index_add1_rt .form1{ height:90px;}
.index_add1_rt .form1 .text1{ float:left; border:none; background:none; width:230px; height:90px; line-height:90px;}
.index_add1_rt .form1 .button1{ float:right; width:70px; height:90px; background:url(../images/s_so.gif) center no-repeat;}

@media only screen and (max-width: 980px) {
	.line .padding-top>a>img{ width:64%}
	.index_add1_rt .form1 .text1{ font-size:18px;height:40px; line-height:40px}
	.index_add1_rt .form1{ height:40px}
	.index_add1_rt .form1 .button1{height:40px}
	.index_add1{ height:auto; line-height:30px;}
	.index_add1_lt{ width:100%;}
	.casebox{ width:100%;}
		.foot-top .tops .nav{ display:block !important}
	.foot-top .tops .nav .item{padding-left:0 !important;padding-right:0 !important;width: 32%;display: inline-block;}
	.foot-top .tops .nav .item>a{ display:none}
	.content_about .nr_left ul li{ float:left; width:48%}
	.img{ max-width:100%}
	}